@extends('mobile.template.bootstrap')
@section('title', '阅读历史')
@section('top')
<div class="navbar  navbar-self">
	<div class="left">
		<a href="javascript:history.back();">
			<span class="fa fa-angle-left fa-fw fa-lg"></span>
		</a>
	</div>
	<div class="mid ">
		阅读历史
	</div>
	<div class="right">
		<a href="{{ url('/mobile/search') }}">
			<span class="fa fa-search fa-fw"></span>
		</a>
	</div>
</div>
@endsection
@section('content')
<div class="books">
	@foreach($books as $book)
	<div class="book">
			<div class="media">
				<div class="media-left">
					<a href="{{ url('/mobile/books/'.$book['book']->id) }}">
						<img class="book-thumbnail" class="media-object" src="{{ $book['book']->thumbnailUrl() }}" width="67.5" height="90"/>
					</a>
				</div>
				<div class="media-body">
					<div class="media-heading">
						<div class="title">
							<a href="{{ url('/mobile/books/'.$book['book']->id) }}">
								<h4 class="">{{ $book['book']->name }}</h4>
								<div class="text-muted">作者：{{ $book['book']->author }}</div>
							</a>
						</div>
						<div class="link">
							<a class="btn btn-sm btn-default" href="{{ url('/mobile/books/'.$book['book']->id.'/sections/'.$book['section']->order) }}">
								继续阅读
							</a>
						</div>
					</div>
					<div class="content">
						<a href="{{ url('/mobile/books/'.$book['book']->id) }}" class="text-muted">
							读至：{{ $book['section']->name }}
						</a>
					</div>
				</div>
			</div>
		</div>
	@endforeach
</div>
@endsection